<template>
  <div class="ask">
    <van-nav-bar title="问答" />
    <div class="ask_main">
      <div class="item" v-for="(item, index) in 6" :key="index">
        <div class="left">
          <p>作为 IT 行业的过来人，你有什么话想对后辈说的？</p>
          <div>
            <p>赞同 <span>1000+ &nbsp;</span></p>
            <p>评论 <span>1000+ </span></p>
            &nbsp;&nbsp;<p>1小时前</p>
          </div>
        </div>
        <div class="right">
          <img
            src="https://pic1.zhimg.com/80/v2-8e77b2771314f674cccba5581560d333_xl.jpg?source=4e949a73"
            alt=""
          />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
.ask {
  .van-nav-bar {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
  }
  .ask_main {
    padding: 46px 10px 50px 10px;
    .item {
      display: flex;
      &:nth-of-type(n + 2) {
        border-top: 1px solid #f1f1f1;
      }
      .left {
        padding: 10px 10px 0 0;
        > p {
          font-size: 15px;
        }
        > div {
          display: flex;
          justify-content: space-around;
          margin-top: 30px;
          color: #999;
          > p ,span {
            font-size: 10px;
          }
        }
      }
      .right {
        overflow: hidden;
        width: 240px;
        height: 90px;
        padding: 10px;
        > img {
          border-radius: 15px;
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}
</style>
